@font-face
  font-family "shopfont"
  font-style normal
  src url('https://at.alicdn.com/t/font_934160_n4fj6lvtqj.eot?t=1543048516948') /* IE9*/
  src url('https://at.alicdn.com/t/font_934160_n4fj6lvtqj.eot?t=1543048516948#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('https://at.alicdn.com/t/font_934160_n4fj6lvtqj.woff') format('woff'),
  url('https://at.alicdn.com/t/font_934160_n4fj6lvtqj.ttf?t=1543048516948') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('https://at.alicdn.com/t/font_934160_n4fj6lvtqj.svg?t=1543048516948#shopfont') format('svg') /* iOS 4.1- */

.shopfont {
  font-family: "shopfont" !important;
  font-size: 30px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color #FFD701
}
.shop-phone:before { content: "\e64d"; }

.order-item
  background white
  margin 30px
  border: 1PX solid #F4F4F4;
  box-sizing: border-box;
  border-radius: 10px;
//  头部
.order-item-header
  height: 70px
  line-height: 70px
  border-bottom: 1px solid #F4F4F4
  display flex
  align-items center
  font-size 24px
  padding-left: 35px
  padding-right: 35px
  &__code
    color #525C6B
    flex 1
  &__status
    color #FDA300
// 商品
.order-item-products
  padding-left: 34px
.order-item-product
  border-bottom: 1px solid #F4F4F4
  padding-top: 10px
  padding-bottom: 10px
  display flex
  align-items stretch
  &:last-child
    border-bottom: 0
  &__thumb
    width: 114px
    height: 114px
  &__info
    width: 250px
    margin-left: 20px
    display flex
    flex-direction column
    justify-content space-between
  &__name
    word-break break-all
    font-size 24px
    color #111
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  &__price
    color #B2B2B2
    font-size 30px
  &__action
    flex 1
  &__num
    font-size 20px
    color #B2B2B2
    display: flex
    width: 100px
    align-items center
    justify-content center
  &__action
    display flex
    align-items center
    justify-content center
  &__takephote
    font-size 24px
    color #333333
    border 1PX solid #FFD701
    border-radius 4px
    padding 4px 16px
//    商品实拍
.order-item-photos
  padding 10px 34px
  &__header
    font-size 20px
    color #B2B2B2
    line-height: 36px
  &__photo
    width 114px
    height 114px
    border 1PX solid #ddd
    margin-right: 20px
//    收货人
.order-item-user
  padding 10px 35px
  border-bottom: 1px solid #F4F4F4
  &__item
    display flex
    align-items baseline
  &__label
    font-size 20px
    color #B2B2B2
    line-height: 36px
    margin-right: 14px
    min-width:85px
    white-space nowrap
  &__value
    font-size 20px
    color #525C6B
    white-space normal
    word-break break-all
  &__tel
    border 1PX solid #FFD701;
    height: 30px
    line-height: 30px
    color #333
    padding-left: 6px
    padding-right: 6px
    border-radius 4px
    .shop-phone
      font-size 16px
      color #333
      margin-right: 4px
//      时间
.order-item-date
  display flex
  align-items center
  padding-left: 35px
  &__item
    flex 1
    display flex
    align-items center
    padding-top: 10px
    padding-bottom: 10px
    border-bottom: 1PX solid #F4F4F4
  &__label
    font-size 20px
    color #B2B2B2
    line-height: 36px
    margin-right: 14px
    white-space nowrap
  &__value
    font-size 20px
    color #525C6B
    white-space nowrap

//      支付
.order-item-pay
  display flex
  align-items center
  flex-wrap wrap
  padding 10px 0 10px 35px
  &__item
    flex 1 0 50%
    display flex
    align-items center
  &__label
    font-size 20px
    color #B2B2B2
    line-height: 36px
    margin-right: 14px
    white-space nowrap
  &__value
    font-size 20px
    color #525C6B
    white-space nowrap
    &-big
      color #FDA300
      font-size 40px
//    订单操作
.order-item-actions
  border-top: 1PX solid #F4F4F4
  display flex
  padding: 34px
  align-items center
  justify-content flex-end
  .order-item-action
    font-size 30px
    color #111
    line-height: 46px
    text-align center
    white-space nowrap
    padding 4px 30px
    border-radius 10px
    border 1PX solid #FFD701;
    margin-left: 20px
  //  拍十秒
  .order-item-minute
    width 216px
    height: 58px
    background-image url("https://res.cloudinary.com/dmz91t1mg/image/upload/v1551258054/minute.png")
    background-size 100% 100%
    background-repeat no-repeat
// 订单里的拼团信息
.order-group
  border 1PX solid #F1F1F1
  border-radius 10px
.order-group-members
  display flex
  align-items center
  justify-content left
  padding 20px 30px
  flex-wrap wrap
  border-bottom 1PX solid #F1F1F1
.order-group-member
  display flex
  flex-direction column
  align-items center
  margin-right: 20px
  .order-group-nick
    font-size 16px
    color #111111
    margin-top: 10px
.order-group-left
  color #FD7474
.order-group-share
  background-color #FFC93E
  color #333333
  font-size 30px
  width 160px
  height 60px
  line-height 60px
  text-align center
  border-radius 10px
.order-group-timeout
  display flex
  align-items center
  justify-content flex-end
  padding: 20px 30px
.order-group-deadline
  display flex
  flex-direction column
  margin-right: 20px
  text-align right
.order-group-left-big
  font-size 20px
  color #525C6B
